.viewArea-c .v-top{width:100%;}
.v-top ul li{margin:1% 1.49% 0;width:22%;min-width:200px;height: 150px;float:left;display:table;cursor:pointer;box-shadow:0 1px 5px rgba(0,0,0,.3);-webkit-box-shadow:0 1px 5px rgba(0,0,0,.3);-moz-box-shadow:0 1px 5px rgba(0,0,0,.3)}
.v-top li div{width: 100%;height:inherit;}
.v-bottom li:hover .equipment,.v-top li:hover{box-shadow:0 0 10px 1px rgba(0,0,0,.3);-webkit-box-shadow:0 0 10px 1px rgba(0,0,0,.3);-moz-box-shadow:0 0 10px 1px rgba(0,0,0,.3)}
.argument .detailed span.pull-right{font-size:19px;margin-right:5px;margin-top:2px}
.v-top li:hover .detailed{opacity:1;filter:alpha(opacity=100);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.argument .img i{color:#fff}
#preview{position:relative;color:#fff;clear:both;height:100%}
.viewArea-c .v-bottom{width:100%;position: relative;z-index: 1}
.viewArea-c .v-bottom > ul > li{margin:1% 1.5%;width:22%;height:270px;min-width:200px;float:left}
.equipment{height:inherit;padding:5px;box-shadow:0 1px 5px rgba(0,0,0,.3);-webkit-box-shadow:0 1px 5px rgba(0,0,0,.3);-moz-box-shadow:0 1px 5px rgba(0,0,0,.3)}
.equipment .e-t{height:30px;line-height:30px;border-bottom:1px solid rgba(0,0,0,.3)}
.equipment .e-t span.title{text-indent:1em}
.equipment .e-t span.title i{text-indent:0;margin-right:5px}
.equipment .e-t .more{cursor:pointer;color:#666;margin-right:12px}
.equipment .e-t .more:hover{text-decoration:none;color:#3d9ccc}
.equipment .e-c ul{margin:12px 0 0 12px}
.equipment .e-c ul li{line-height:24px;color:#4ad455;text-indent:1em}
.equipment .e-c ul li:hover{cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;box-shadow:0 0 5px 1px rgba(0,0,0,.3);-webkit-box-shadow:0 0 5px 1px rgba(0,0,0,.3);-moz-box-shadow:0 0 5px 1px rgba(0,0,0,.3)}
.equipment .e-c .red{color:red;display:block;text-decoration:none}
.equipment .e-c .yellow{color:#ffc800}